<template>
  <div class="box">
    <div class="box_top">
      <div class="box_item flex">
        <div class="box_item_lf">
          时 间：
        </div>
        <div class="box_item_lr">
          {{details.createTime | baseTimeSplitFun}}
        </div>
      </div>
      <div class="box_item box_item1 flex">
        <div class="box_item_lf">
          标 题：
        </div>
        <div class="box_item_lr overflowEllipsis">
          {{details.title}}
        </div>
      </div>
    </div>
    <div class="box_main">
      <div class="box_main_top">
        内 容：
      </div>
      <div class="box_main_txt" v-html="details.content">

      </div>
    </div>
  </div>
</template>
<script>
import taskApi from "../../requestApi/taskApi";
import { Toast } from "mint-ui";
export default {
  components: {},
  data() {
    return {
      details: {}
    };
  },
  created: function() {},
  mounted() {
    let self = this;
    self.baseUserMessageDistributeFun();
    window.getAppgetUserToken = function(val) {
      self.baseUserInfoFun(val);
      self.listFun();
    };
    this.titleFun({
      title: "工作情况"
    });
  },
  methods: {
    async listFun() {
      let self = this;
      let params = {
        id: this.$route.query.id
      };
      let res = await taskApi.GetApiteamworkinfo(params);
      if (res.statusCode == 200) {
        self.details = {
          ...res.data
        };
      } else {
        Toast({
          message: res.statusMessage,
          position: "bottom"
        });
      }
    }
  },
  filters: {},
  watch: {},
  computed: {}
};
</script>
<style scoped>
.box_main_txt {
  width: calc(100% - 0.96rem);
  margin-left: 0.48rem;
  margin-bottom: 0.5333rem;
  overflow: hidden;
  font-size: 0.3733rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  line-height: 0.5867rem;
}
.box_main {
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
  margin-top: 0.2933rem;
}
.box_item1 {
  border-top: 0.0267rem solid #f8f8f8;
}
.box_main_top {
  height: 1.2267rem;
  line-height: 1.2267rem;
  margin-left: 0.5067rem;
  width: calc(100% - 1.0667rem);
  font-size: 0.4rem;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
}
.box_item_lr {
  height: 1.1733rem;
  line-height: 1.1733rem;
  width: calc(100% - 1.8667rem - 0.7467rem);
  font-size: 0.4rem;
  font-family: PingFang-SC-Bold;
  margin-left: 0.0533rem;
  color: #333333;
}
.box_item_lf {
  width: 1.3333rem;
  font-size: 0.4rem;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  height: 1.1733rem;
  line-height: 1.1733rem;
  margin-left: 0.5067rem;
}
.box_item {
  width: 100%;
  height: 1.1733rem;
  background: rgba(255, 255, 255, 1);
}
.box {
  background: #f8f8f8;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}
</style>